import { Card, Timeline, Tag } from 'antd'
function CarInfo() {
  return (
    <>
      <Card title="实时车辆信息" variant="borderless">
        <div
          style={{
            height: 'auto'
          }}
        >
          <Timeline
            className="mt-10"
            items={[
              {
                color: 'blue',
                children: (
                  <>
                    <div>
                      <Tag color="success">进场</Tag>08:20 车辆 京A66666
                    </div>
                  </>
                )
              },
              {
                color: 'red',
                children: (
                  <>
                    <div>
                      <Tag color="error">出场</Tag>09:15 车辆 京A66666
                    </div>
                  </>
                )
              },
              {
                color: 'blue',
                children: (
                  <>
                    <div>
                      <Tag color="success">进场</Tag>09:22 车辆 京A23456
                    </div>
                  </>
                )
              },
              {
                color: 'red',
                children: (
                  <>
                    <div>
                      <Tag color="error">出场</Tag>10:43 车辆 京A18763
                    </div>
                  </>
                )
              },
              {
                color: 'blue',
                children: (
                  <>
                    <div>
                      <Tag color="success">进场</Tag>13:38 车辆 京A88888
                    </div>
                  </>
                )
              },
              {
                color: 'blue',
                children: (
                  <>
                    <div>
                      <Tag color="success">进场</Tag>14:46 车辆 京A23456
                    </div>
                  </>
                )
              }
            ]}
          />
        </div>
      </Card>
    </>
  )
}

export default CarInfo
